<template>
	<view class="content">
		<uniPopup background-color="rgba(255,255,255,0)" ref="inputDialog" type="dialog">
			<div class="mboxContent">
				<div class="main">
					<div class="mainText">确定退出登录吗?</div>
				</div>


				<div class="btn">
					<div class="fail btnItem" @click="toClose">取消</div>
					<div class="success btnItem" @click="toright">确认</div>

				</div>
			</div>

		</uniPopup>
	</view>
</template>

<script>
	//   import uniPopup from "@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue";

	import uniPopup from "@/uni_modules/uni-popup/components/uni-popup/uni-popup.vue";
	export default {
		components: {
			uniPopup
		},
		props: {
			titles: {
				type: String,
			},
			type: {
				type: String,

			},
			datas: {
				type: Array,
			},
			isOpen: {
				type: Boolean,
			},
		},
		data() {
			return {
				title: "",

			};
		},

		onLoad() {},
		methods: {
			toright() {
				uni.reLaunch({
					url: '/pages/index/index'
				})

				uni.removeStorage({
					key: 'station',
					success: function(res) {
						console.log('清除成功');
					},
					fail: function(res) {
						console.log('清除失败');
					}
				});
			},
			toClose() {
				this.$emit('closeAll', true)
				this.$refs.inputDialog.close()
			}


		},
	};
</script>

<style scoped>
	.mboxContent {
		text-align: center;

		background: white;
		box-sizing: content-box;
		/* padding:24px; */
		width: 540rpx;
		border-radius: 20px;

	}

	.main {
		min-height: 274rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}

	.mainText {
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: bold;
		font-size: 34rpx;
		color: #262626;
		font-style: normal;
	}

	.explain {
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: bold;
		font-size: 22rpx;
		color: #808080;
		font-style: normal;
	}

	.btn {
		width: 100%;
		display: flex;
		box-sizing: border-box;
		padding: 18rpx 0;
		display: flex;
		border-top: 2rpx solid #CBCBCB;
	}

	.fail {
		position: relative;

	}

	.fail::before {
		content: '';
		position: absolute;
		display: inline-block;
		width: 2rpx;
		background: #CBCBCB;
		height: 86rpx;
		top: -20rpx;
		right: 0;
	}

	.btnItem {
		text-align: center;
		width: 49%;
		font-family: Source Han Sans CN, Source Han Sans CN;
		font-weight: bold;
		font-size: 32rpx;
		color: #0098C9;
		font-style: normal;
	}
</style>